<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Phodit</title>
  <link rel="stylesheet" href="../assets/css/mifa.css">
  <link rel="stylesheet" href="../assets/css/normalize.css">
  <link rel="stylesheet" href="../assets/css/styles.css">
  <link rel="stylesheet" href="../assets/fa/font-awesome.min.css">
  <link rel="stylesheet" href="../dist/component/tree-view/tree-view.css">
  <link rel="stylesheet" href="../dist/editor/simplemde.min.css">
  <link rel="stylesheet" href="../node_modules/highlight.js/styles/github-gist.css">
  <link rel="stylesheet" href="../node_modules/xterm/dist/xterm.css">
</head>
<body>
	<section class="row" id="phodit-editor">
    <div id="tree-view" class="column column-20" style="display: none;"></div>
    <div class="column" id="input">
      <textarea id="input-section"></textarea>
      <div id="terminal-section">
          <phodit-header id="terminal-header"></phodit-header>
        <div id="terminal"></div>
      </div>
    </div>
	</section>
</body>

<script type="text/javascript" src="../node_modules/highlight.js/lib/highlight.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

<script type="text/javascript" src="../dist/editor/simplemde.min.js"></script>
<script type="text/javascript" src="../dist/component/tree-view/tree-view.js"></script>
<script type="text/javascript" src="../dist/component/header/dist/phodit-header.js"></script>

<script>
  // You can also require other files to run in this process
  require('../dist/app/renderer.js')
</script>
</html>
